@background: #2267e5;
@font: {
  font-size: 1.3rem;
  color: #3a3a3a;
};
@color: #cdcdcd;
@titleBack: #f9f9f9;
@title: {
  .title {
    width: 100%;
    height: 46px;
    position: fixed;
    z-index: 100;

    background: @titleBack;
    line-height: 46px;
    padding: 0 1rem;

    p {
      font-family: PingFangSC-Regular;
      font-size: 1.4rem;
      color: #070707;
      // align-items: center;
      text-align: center;
    }
    .title-right {
      margin-top: 0.4rem;
      text-align: right;
      img {
        width: 1.5rem;
        height: 1.5rem;
      }
    }
    .title-left {
      .arrow-title {
        border: 0.1rem solid #000000;
        border-width: 0.15rem 0 0 0.15rem;
        display: inline-block;
        height: 0.95rem;
        width: 0.95rem;
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(135deg);
        -webkit-transition: all 0.5s ease-in 0.1s;
        transform-origin: center center;
        transform: rotate(-45deg);
        transition: all 0.5s ease-in 0.1s;
      }
      .go {
        font-family: PingFangSC-Regular;
        font-size: 1.3rem;
        color: #000;
      }
    }
  }
};
